<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>产品详情页</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--网页顶部-->
<div class="navbar navbar-default">
    <div class="veo_brand_mb hide">
        <div class="top_img">
            <a href="http://www.banggo.com/"><img src="http://s.banggo.com/pub7/images/mbshop/veoimg/veo_brand_1.png" alt="首页"></a>
            <a href="http://metersbonwe.banggo.com/"><img src="http://s.banggo.com/pub7/images/mbshop/veoimg/veo_brand_2.png" alt="美特斯邦威"></a>
            <a href="http://mecity.banggo.com/"><img src="http://s.banggo.com/pub7/images/mbshop/veoimg/veo_brand_3.png" alt="米喜迪"></a>
            <a href="http://kids.banggo.com/"><img src="http://s.banggo.com/pub7/images/mbshop/veoimg/veo_brand_4.png" alt="米喜迪kids"></a>
            <a href="http://moomoo.banggo.com/"><img src="http://s.banggo.com/pub7/images/mbshop/veoimg/veo_brand_5.png" alt="Moomoo"></a>
        </div>
    </div>
    <div class="veo_band_tl">
        <span class="click_to_show"><img src="http://s.banggo.com/pub7/images/mbshop/veoimg/venue_pull_icon.png" alt=""></span>
        <div>
            <p>欢迎来到邦购网,全场忙159元包邮</p>
            <ul class="nav navbar-nav navbar-right">
                <li class="in"><a href="#">登录</a></li>
                <li class="out dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">登录 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/login">美邦帐号登录</a></li>
                        <li><a href="#">QQ帐号登录</a></li>
                        <li><a href="#">支付宝登录</a></li>
                        <li><a href="#">微信帐号登录</a></li>
                    </ul>
                </li>
                <li><a href="/reg">注册</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我的邦购 <span class="caret"></span></a>
                    <ul class="second dropdown-menu">
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">我的积分</a></li>
                        <li><a href="#">我的点赞</a></li>
                        <li><a href="#">收货地址</a></li>
                        <li><a href="/logout">退出</a></li>
                    </ul>
                </li>
                <li><a href="#">会员中心</a></li>
                <li><a href="#"><i style="color: red" class="glyphicon glyphicon-phone"></i>下载APP</a></li>
                <li><a href="#">微博</a></li>
                <li><a href="#">微信</a></li>
            </ul>
        </div>
    </div>
    <div class="container-fluid">
        <ul class="nav navbar-nav nav_a">
            <li><a href="#"><img src="http://s.mb-go.com/pub7/images/mbshop/newImg/mbshop_new_logo2.png" alt=""></a></li>
            <li>
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="致童真的你">
                    <span class="input-group-btn" style="text-align:center;">
                        <button class="btn btn-default" type="button"><i style="font-size:18px;color:#ffffff" class="glyphicon glyphicon-search"></i></button>
                    </span>
                </div>
            </li>
            <ul>
                <li><a href="#">T桖</a></li>
                <li><a href="">衬衫</a></li>
                <li><a href="" >短裤</a></li>
                <li><a href="">名将</a></li>
                <li><a href="">49元T</a></li>
                <li><a href="">GENANX</a></li>
                <li><a href="http://bgact.banggo.com/cart/index"><i style="margin-right: 10px;font-size: 20px" class="glyphicon glyphicon-shopping-cart"></i>购物袋 <b>0</b>件</a></li>
            </ul>
        </ul>
    </div>
    <ul class="navbar_left nav navbar-nav">
        <li><a href="lists.html"><span class="glyphicon glyphicon-th-list"><strong>商品分类</strong></span></a></li>
        <li><a href="index.html"><img src="http://img.mbanggo.com/sources/cms/M20160101/sy.png" alt=""></a></li>
        <li><a href=""><img src="http://img.mbanggo.com/sources/cms/promise/sporthot.gif" alt=""></a></li>
        <li><a href=""><img src="http://img.mbanggo.com/sources/cms/M20160101/rmpp.png" alt=""></a></li>
        <li><a href=""><img src="http://img.mbanggo.com/sources/cms/promise/bangbang.gif" alt=""></a></li>
        <li><a href=""><img src="http://img.mbanggo.com/sources/cms/20190223/ggwxrzx.gif" alt=""></a></li>
        <li><a href=""><img src="http://img4.banggo.com/sources/cms/MB1640/sale.png" alt=""></a></li>
        <li><a href=""><img src="http://img4.banggo.com/sources/cms/20151111/mobilegai.gif" alt=""></a></li>
    </ul>
</div>
<!--返回顶部-->
<div class="fix">
    <div class="backtop"></div>
    <div class="onlineask"></div>
</div>
<!--主体-->
<!--小标题-->
<div class="product">
    <div>
        <a href="">所有商品></a>
        <a href="">鞋></a>
        <a href="">成人鞋></a>
        <a href="">商务鞋</a>
    </div>
</div>
<div class="product-main row">
    <div class="product-left col-md-6">
        <div class="top">
            <div class="big">
                <img style="z-index: 100" src="../www/images/big01.jpg" alt="">
                <div class="small-show"></div>
            </div>
            <div class="fd"><img src="../www/images/big01.jpg" alt=""></div>
            <ul>
                <li><img src="../www/images/01.jpg" alt=""></li>
                <li><img src="../www/images/02.jpg" alt=""></li>
                <li><img src="../www/images/03.jpg" alt=""></li>
                <li><img src="../www/images/04.jpg" alt=""></li>
                <li><img src="../www/images/05.jpg" alt=""></li>
            </ul>
            <div style="clear: both"></div>
        </div>
        <div class="bottom">
            <span>商品编号881581</span>
            <span class="glyphicon glyphicon-share">分享</span>
            <span style=" color: red;" class="glyphicon glyphicon-heart">点赞</span>
        </div>

    </div>
    <div class="product-right col-md-6">
       <p> <b>IIENYEAR</b> 男低帮尖头潮流皮鞋  </p>
       <div style="background: #efefef;height:75px;padding: 15px;margin-top: 22px ">
           <span>售价: <strong style="color: red;font-size: 20px">￥179</strong></span>
           <span>吊牌价 <del>899</del></span>
           <span  class="dz">2折</span>
           <p style="margin: 0;"><span>本品不参加vip,svip折扣</span>
               <a href="" style="float: right">会员规则</a></p>
       </div>
        <dl style="margin-top:20px">
            <dt style="margin-bottom:10px ">颜色:酒红色</dt>
            <dd><img style="border: 2px solid red;width: 51px;height: 51px;" src="http://pic3.banggo.com/sources/images/goods/TP/881581/881581_70_11--w_90_h_90.jpg" alt=""/></dd>
        </dl>
        <p style="margin: 15px 0">
            <span>尺码:请选择尺码</span>
            <span style="float: right">尺码选择助手</span>
        </p>
        <p class="small">
            <span>39</span>
            <span>41</span> </p>
        <p class="buy">购买数量:
            <span class="miuse" style="width: 25px">-</span>
            <span class="count" style="width: 45px">2</span>
            <span class="add" style="width: 25px">+</span>
            (库存剩余3件)
            <b style="color: red">库存紧张</b></p>
         <button>加入购物袋</button>
        <p>浏览更多: <a href="" style="margin-left: 10px">商务鞋</a> </p>
        <dl>
            <dt >温馨提示:</dt>
            <dd style="float: left;list-style: circle">此商品不可使用邦购红包</dd>
            <dd style="float: right;list-style: circle">此商品不可使用积分</dd>
        </dl>
        <div style="clear: both"></div>
    </div>
</div>
<!--清除浮动-->
<div style="clear: both"></div>

<!--网页底部-->
<div class="share">
    <ul class="share-left">
        <li>
            <a href=""><img src="http://s.mb-go.com/pub7/images/mbshop/20150720/zyshare01.png" alt=""></a>
        </li>
        <li>
            <a href=""><img src="http://s.mb-go.com/pub7/images/mbshop/20150720/zyshare02.png" alt=""></a>
        </li>
        <li>
            <a href=""><img src="http://s.mb-go.com/pub7/images/mbshop/20150720/zyshare03.png" alt=""></a>
        </li>
    </ul>
    <div class="share-right">
        <div class="share-right-top">
            <a href=""><img src="http://img3.mbanggo.com/sources/cms/M20160608/060819.jpg" alt=""></a>
        </div>
        <div class="share-right-bottom">
            <ul>
                <li>
                    <img src="http://s.mb-go.com/pub7/images/mbshop/20150720/indexonline.png" alt="">
                    <p>在线客服</p>
                </li>
                <li>
                    <img src="http://s.mb-go.com/pub7/images/mbshop/20150720/indexopinion.png" alt="">
                    <p>意见反馈</p>
                </li>
                <li>
                    <a href=""><img src="http://s.mb-go.com/pub7/images/mbshop/20150720/indexsurvey.png" alt=""></a>
                    <p>问卷调查</p>
                </li>
            </ul>
        </div>
    </div>
    <div style="clear:both"></div>
</div>
<div class="footer">
    <div class="footer_content">
        <div class="footer_guide">
            <dl>
                <dt>新手指南</dt>
                <dd><a href="">注册新用户</a></dd>
                <dd><a href="">用户协议</a></dd>
                <dd><a href="">找回密码</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="">红包使用说明</a></dd>
                <dd><a href="">购物流程</a></dd>
                <dd><a href="">订单状态</a></dd>
                <dd><a href="">邦购币绑定与使用</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="">配送范围</a></dd>
                <dd><a href="">订单拆分</a></dd>
                <dd><a href="">商品验货与签收</a></dd>

            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd><a href="">发票制度</a></dd>
                <dd><a href="">支付方式</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="">退换货政策</a></dd>
                <dd><a href="">退还办理流程</a></dd>
                <dd><a href="">退款说明</a></dd>
            </dl>
            <dl>
                <dt>联系方式</dt>
                <dd>客服:400 821 9988</dd>
                <dd>监督:021-38119999-6038</dd>
                <dd><a href="">在线客服</a></dd>
                <dd><a href="">用户调研</a></dd>
            </dl>
        </div>
        <div class="footer_copyright">
            <p>CopyRight © 2000-2016, 版权所有&nbsp;上海美特斯邦威服饰股份有限公司 banggo.com 沪ICP备05033127号</p>
            <ul>
                <li><a href="http://www.miibeian.gov.cn/"><img src="http://s.banggo.com/pub1/bgweb/default/images/lz_beian_h40.png" alt=""></a></li>
                <li><a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&entyId=dov71zgzilhvn4inh27pfqd6h0hvwad254"><img src="http://s.banggo.com/pub1/bgweb/default/images/lz_shgs_h40.png" alt=""></a></li>
                <li><a href="https://search.szfw.org/cert/l/CX20120917001626001673"><img src="http://s.banggo.com/pub1/bgweb/default/images/lz_szfw_h40.png" alt=""></a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="script/index1.js"></script>
<script src="js/bootstrap.js"></script>
<script src="script/public.js"></script>
<script src="script/product.js"></script>